<template>
  <div class="home-page">
    <div class="title">益阳公安警史馆民警档案征集通知</div>
    <div class="conter">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为记录益阳公安辉煌历史，丰富益阳公安警史馆馆藏内容，传承和弘扬公安机关光荣传统和优良作风，现向全市公安机关民警(含离退休民警) 发起档案征集活动。民警档案将作为历史的见证，展示并珍藏于警史馆内。
      <br/>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;望广大公安民警积极提供个人档案、各个时期参与重大案件侦办、所获荣誉证书，以及精彩工作与生活等方面的相关资料、照片，共同为益阳公安历史留下宝贵印记。 
    </div>
    <div class="buttom">
      <p>益阳公安警史馆筹建办公室</p>
      <p>2025年3月</p>
    </div>
    <div class="button">
      <van-button type="primary" round block @click="enterClick">点击进入</van-button>
    </div>
  </div>
</template>
<script setup lang="ts">
  const router = useRouter();
  const enterClick = () => {
    router.push("/home");
  }
</script>

<style lang="scss" scoped>
.home-page {
  background-color: #f9f9f9;
  padding: 20px 10px;
  height: 100%;
  position: relative;
    .title {
      font-size: 18px;
      font-weight: 700;
      text-align: center;
    }
    .conter {
      margin-top: 20px;
      line-height: 32px;
    }
    .buttom {
      text-align: right;
      margin-top: 20px;
      line-height: 32px;
    }
    .button {
      width: calc(100% - 20px);
      height: 50px;
      position: absolute;
      left: 10px;
      bottom: 60px;
    }
}
</style>